.container.block-shadow {
  padding: 2vw 4vw;
  background-color: #fff
}

.container+.container {
  margin-top: 5vh
}

.navbar {
  margin-bottom: 0
}

.navbar-default {
  background-color: #fff
}

.navbar-form .input-group-btn .btn {
  height: 34px
}

.block-header {
  height: 50px;
  line-height: 50px;
  clear: both;
  font-size: 1.4rem;
  padding: 0 1em;
  background-color: #fff
}

.block-header .navbar-form {
  margin-top: 0;
  margin-bottom: 0
}

.block-header .block-logo {
  height: inherit;
  line-height: inherit;
  float: left
}

.block-header .block-nav {
  float: left;
  line-height: inherit
}

.block-logo img {
  max-height: 4rem;
  width: auto
}

.navigation {
  line-height: inherit;
  margin-left: 1em
}

.navigation a {
  display: block;
  width: 100%;
  line-height: inherit;
  padding: 0 1em
}

.navigation>li {
  display: inline-block;
  line-height: inherit;
  position: relative
}

.navigation>li:hover>.sub {
  display: block
}

.navigation>li.active,
.navigation>li:hover {
  background-color: #cef
}

.navigation li>.sub {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 5;
  background-color: #fff;
  min-width: 150px
}

.navigation .sub>li {
  line-height: 2em
}

.navigation .sub>li>a {
  line-height: inherit
}

.navigation .sub>li.active>a {
  line-height: inherit
}

.navigation .sub>li.active,
.sub>li:hover {
  background-color: #eee
}

#cover {
  padding-top: 45px;
  padding-bottom: 45px;
  font-size: 20px;
  text-align: left
}

#cover h1,
#cover h2,
#cover h3,
#cover h4,
#cover h5,
#cover h6 {
  text-transform: uppercase
}

#cover h1,
#cover h2,
#cover h3,
#cover h4,
#cover h5,
#cover h6,
#cover p {
  color: #fff;
  text-shadow: 1px 1px 2px #000
}

.breadcrumb {
  line-height: 3;
  font-size: 1.4rem;
  margin-bottom: 0
}

.title {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1rem 0;
  border-bottom: 3px solid #f5f5f5;
  margin-bottom: 1em
}

.title dd {
  font-size: 1.2rem
}

.title.mb-none {
  margin-bottom: 0
}

.relation {
  font-size: 1.4rem;
  border-top: 2px solid #eee;
  padding-top: 2vh
}

.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 0
}

.list-group-item {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-style: dashed;
  margin-bottom: 0;
  font-size: 1.4rem
}

.list-img>.item {
  margin-bottom: 1em
}

.list-img>.item img {
  max-width: 100%;
  -o-border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  border-radius: .5rem
}

.list-img>.item h5 {
  padding: .6em;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.thumbnail .caption h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.2em;
  margin-top: 1rem
}

.block-split {
  margin-top: 5vh
}

.block-shadow {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
}

.article {
  overflow: hidden;
  text-align: justify
}

.article img {
  max-width: 100%;
  height: auto
}

#footer {
  background-color: #fff;
  padding: 5vh;
  margin-top: 5vh;
  text-align: center;
  font-size: 1.4rem
}

.navbar-brand {
  padding: .5rem 1.5rem
}

.navbar-brand img {
  max-height: 4rem
}

.nav {
  font-size: 1.4rem
}

.dropdown:hover .menu-top {
  display: block
}

.dropdown-submenu {
  position: relative
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff
}

.dropdown-submenu .pull-left {
  float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px
}

.carousel {
  min-height: 100px
}

.carousel-inner>.item img {
  margin: 0 auto
}

.carousel-control.left,
.carousel-control.right {
  background-image: none
}

.pager a {
  margin: .5em
}

.label+.label {
  margin-right: 1em
}

.label:last-child {
  margin-right: 0
}

.timeline {
  width: calc(100% - 1rem);
  margin-bottom: 2rem;
  margin-left: 1rem;
  border-left: 3px solid #eee;
  font-size: 1.4rem
}

.timeline>li {
  position: relative;
  list-style: none;
  padding: 1rem;
  line-height: 1.4;
  margin-left: 2rem;
  word-break: break-all;
  border-radius: 4px
}

.timeline li+li {
  margin-top: 1rem
}

.timeline>li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.7rem;
  left: -2.6rem;
  width: .9rem;
  height: .9rem;
  text-align: center;
  background-color: #aaa;
  border-radius: 50%;
  z-index: 5
}

.timeline>li.active::before,
.timeline>li:hover::before {
  background-color: #333;
  top: 1.5rem;
  left: -2.9rem;
  width: 1.5rem;
  height: 1.5rem;
  border: 3px solid #fff;
  box-shadow: 0 0 5px #aaa
}

.timeline>li {
  background-color: #fafafa
}

.timeline>li.active,
.timeline>li:hover {
  background-color: #eee
}

.timeline>li::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.3rem;
  left: -1.8rem;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent #fafafa transparent transparent
}

.timeline>li.active::after,
.timeline>li:hover::after {
  border-right-color: #eee
}

.timeline>li small {
  display: block;
  color: #aaa;
  margin-top: .5em
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  color: #333;
  border-color: #ddd;
  background-color: #eee
}

.pagination>li>a,
.pagination>li>span {
  color: #333
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  color: #333
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #333;
  background-color: #eee
}

.form-control {
  box-shadow: none
}

.form-control:focus {
  border-color: #ccc;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-danger {
  background-color: #c00
}

label {
  font-weight: 400
}

.bg-danger {
  background-color: #c00
}

.list-group-item>.badge {
  margin-top: 4px
}
